
/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }

/* Specific to example one */

#example-one { background: #eee; padding: 10px; margin-bottom: 20px; padding-bottom: 40px; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }

#example-one .nav { overflow: hidden; margin: 0 0 10px 0; }
#example-one .nav li { width: 97px; float: left; }
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding: 5px; background: #959290; color: white; text-align: center; border: 0; }
#example-one .nav li a:hover { background-color: #111; }

#example-one ul { list-style: none; padding-bottom: 20px;}
#example-one ul li a { display: block; color: #666; }
#example-one ul li a:hover { background: #fe4902; color: white; }
#example-one ul li:last-child a { }

#example-one ul li.nav-one a.current, #example-one ul#detalles li a:hover { background-color: #8d01b0; color: white; }
#example-one ul li.nav-two a.current, #example-one ul#distribucion li a:hover { background-color: #d30000; color: white; }
#example-one ul li.nav-three a.current, #example-one ul#distancias li a:hover { background-color: #33cc00; color: white; }
#example-one ul li.nav-four a.current, #example-one ul#fotos li a:hover { background-color: #b70e4f; color: white; }
#example-one ul li.nav-five a.current, #example-one ul#comentarios li a:hover { background-color: #003399; color: white; }
#example-one ul li.nav-six a.current, #example-one ul#classics li a:hover { background-color: #993300; color: white; }
#example-one ul li.nav-seven a.current, #example-one ul#classics li a:hover { background-color: #cccc00; color: white; }
